<template>
	<el-row>
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>Nav</span>
        </div>
        <div style="margin-bottom:50px;">
          <el-col :span="6" class="text-center">
            <router-link class="pan-btn blue-btn" to="/WWJdemo/index">{{li1}}</router-link>
          </el-col>
          <el-col :span="6" class="text-center" >
            <div class="pan-btn light-blue-btn" @click="button_onclick('li2')">{{li2}}</div>
          </el-col>
          <el-col :span="6" class="text-center">
            <router-link class="pan-btn pink-btn" to="/WWJdemo/index">{{li3}}</router-link>
          </el-col>
          <el-col :span="6" class="text-center">
            <router-link class="pan-btn green-btn" to="/WWJdemo/index">{{li4}}</router-link>
          </el-col>
        </div>
      </el-card>
    </el-row>
</template>
<script type="text/javascript">
	export default {
		name:'Nav',
		data(){
			return{
				li1:'首页',
				li2:'显示时间',
				li3:'选项二',
				li4:'选项三'
				}
			
		},
		methods:{
			button_onclick:function (lx){
				alert('hello');
				console.log('hello'+lx);
				this.$refs.testMode.testModel_time_div.style.display="";

			}
		}
	}
</script>
<style scoped>
	

</style>
